<template>
  <div class="main">
    <el-card style="" shadow="hover">
      <template #header>
        <div class="card-header">
          <span>Card name</span>
        </div>
      </template>
      <div class="body">
        <div class="p1">
          <img
              src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
              style="width: 50%"
          />
        </div>
        这是一个量足又美味的汉堡包！！！
        <div class="p2">

        </div>
      </div>
      <template #footer>Footer content</template>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'HomeView',
  components: {
  }
}
</script>
<style>
.main{
  width: 50vw;
  height: 50vh;
}
.el-card{
  max-width: 480px;
  transition: all 0.3s;
}
.p1{
  margin-top: 20px;
  height: 200px;
}
.p1:hover{
  transform: scale(1.2);
  filter: blur(1px);
}
.p2{

}

</style>
